﻿@{
    ViewBag.Title = "GrantingCredit";
    Layout = "~/Views/Shared/Layout.cshtml";
    <script src="~/Scripts/GrantingCredit/GrantingCredit.js"></script>
}
<body class="page-header-fixed">
    <div class="container-fluid">
        <div class="row-fluid margin-bottom-20">
           
        </div>
        <div class="portlet box green" id="form_wizard_1">
	        <div class="portlet-title">
		        <div class="caption">
			        <i class="icon-reorder"></i> Formulario de Solicitud Crédito
		        </div>
	        </div>
	        <div class="portlet-body form form-horizontal">
		        
			        <div class="form-wizard">
				        <div class="navbar steps">
					        <div class="navbar-inner">
						        <ul class="row-fluid nav nav-pills">
							        <li class="active "style="width:200px">
								        <a href="#tab1" data-toggle="tab" class="step ">
								        <span class="number">1</span>
								        <span class="desc"><i class="icon-ok"></i>Estación 1</span>   
								        </a>
							        </li>
							        <li style="width:200px">
								        <a href="#tab2" data-toggle="tab" class="step">
								        <span class="number">2</span>
								        <span class="desc"><i class="icon-ok"></i>Estación 2</span>   
								        </a>
							        </li>
							        <li style="width:200px">
								        <a href="#tab3" data-toggle="tab" class="step active">
								        <span class="number">3</span>
								        <span class="desc"><i class="icon-ok"></i>Estación 3</span>   
								        </a>
							        </li>
							        <li style="width:200px">
								        <a href="#tab4" data-toggle="tab" class="step">
								        <span class="number">4</span>
								        <span class="desc"><i class="icon-ok"></i>Estación 4</span>   
								        </a> 
							        </li>
                                    <li style="width:200px">
								        <a href="#tab5" data-toggle="tab" class="step">
								        <span class="number">5</span>
								        <span class="desc"><i class="icon-ok"></i>Estacion 5</span>   
								        </a> 
							        </li>
						        </ul>
					        </div>
				        </div>
                        <div id="bar" class="progress progress-success progress-striped">
											<div class="bar" style="width:25%"></div>
						</div>
				        <div class="tab-content">
					        <div class="alert alert-error hide">
						        <button class="close" data-dismiss="alert"></button>
						        Existen errores en los campos. Revise nuevamente.
					        </div>
					        <div class="alert alert-success hide">
						        <button class="close" data-dismiss="alert"></button>
						        Campos validados.
					        </div>
					        <div class="tab-pane active" id="tab1">
						        <h3 class="form-section">Datos del préstamo</h3>
                                <div class="row-fluid">
                                    <div class="span6">
						                <div class="control-group">
							                <label class="control-label">Monto del préstamo<span class="required">*</span></label>
							                <div class="controls">
								                <input id="txtLoanAmount" type="text" class="span6 m-wrap" name="loanamount"/>
								        
							                </div>
						                </div>
                                    </div>
                                    <div class="span6">
						                 <div class="control-group">
							                <label class="control-label">Plazo del préstamo<span class="required">*</span></label>
							             <div class="controls">
								        <input id="txtLoanTerm" type="text" class="span6 m-wrap" name="loanterm"/>
								        
							        </div>
						        </div>   
                                    </div>
                                </div>
                                <div class="row-fluid">
                                     <div class="span12">
                                        <div class="control-group">
							                        <label class="control-label">Objetivo del préstamo<span class="required">*</span></label>
							                        <div class="controls">
                                                        <textarea id= "txtLoanPurpose" class="span10 m-wrap" rows="3" name="loanpurpose"></textarea>
								        
							                        </div>
						                 </div>
                                       </div>     
                                 </div>   
						        
                                 <div class="row-fluid">
                                     <div class="span6">
						                    <div class="control-group">
							                    <label class="control-label">Tipo de financiamiento</label>
							                    <div class="controls">
								                    <input id="txtTypeFunding" class="span6 m-wrap" type="text" placeholder="Cuotas iguales" value ="Cuotas iguales" disabled />
							                    </div>
						                    </div>
                                      </div>
                                      <div class="span6">
                                            <div class="control-group">
							                    <label class="control-label">Sector económico</label>
							                    <div class="controls">
								                    <select id= "optEconomicSector" class="span6 m-wrap" tabindex="1">
                                                        <option value="1">Sector 1</option>
					                                    <option value="2">Sector 2</option>
					                                    <option value="3">Sector 3</option>
                                                        <option value="4">Sector 4</option>
				                                    </select>
							                    </div>
						                    </div>
                                        </div>
                                </div>
                                 <div class="row-fluid">
                                     <div class="span12">
                                        <div class="control-group">
							                <label class="control-label">Memoria anual</label>
							                <div class="controls">
                                                <textarea id="txtAnnualReport" class="span10 m-wrap" rows="4"></textarea>
							                </div>
						                </div>
					                 </div>
                                 </div>
                                  <h3 class="form-section">Datos de Estados Financieros</h3>
                                   <div class="row-fluid">
                                        <div class="span6">
						                    <div class="control-group">
							                    <label class="control-label">Activo corriente<span class="required">*</span></label>
							                    <div class="controls">
								                    <input id="txtCurrentAssets" type="text" class="span6 m-wrap" name="currentassets"/>
								        
							                    </div>
						                    </div>
                                        </div>
                                    <div class="span6">
						                 <div class="control-group">
							                 <label class="control-label">Pasivo corriente<span class="required">*</span></label>
							                 <div class="controls">
								                <input id="txtCurrentLiabilities" type="text" class="span6 m-wrap" name="currentliabilities"/>
							                 </div>
						                 </div>   
                                     </div>
                                   </div>
                                <div class="row-fluid">
                                        <div class="span6">
						                    <div class="control-group">
							                    <label class="control-label">Inventario<span class="required">*</span></label>
							                    <div class="controls">
								                    <input id="txtInventory" type="text" class="span6 m-wrap" name="inventory"/>
								        
							                    </div>
						                    </div>
                                        </div>
                                    <div class="span6">
						                 <div class="control-group">
							                 <label class="control-label">Caja - Banco<span class="required">*</span></label>
							                 <div class="controls">
								                <input id="txtCash" type="text" class="span6 m-wrap" name="cash"/>
							                 </div>
						                 </div>   
                                     </div>
                                   </div>
                                <div class="row-fluid">
                                        <div class="span6">
						                    <div class="control-group">
							                    <label class="control-label">Activo no corriente<span class="required">*</span></label>
							                    <div class="controls">
								                    <input id="txtNotCurrentAssets" type="text" class="span6 m-wrap" name="notcurrentassets"/>
								        
							                    </div>
						                    </div>
                                        </div>
                                    <div class="span6">
						                 <div class="control-group">
							                 <label class="control-label">Pasivo no corriente<span class="required">*</span></label>
							                 <div class="controls">
								                <input id="txtNotCurrentLiabilities" type="text" class="span6 m-wrap" name="notcurrentliabilities"/>
							                 </div>
						                 </div>   
                                     </div>
                                   </div>
                                <div class="row-fluid">
                                        <div class="span6">
						                    <div class="control-group">
							                    <label class="control-label">Utilidad neta<span class="required">*</span></label>
							                    <div class="controls">
								                    <input id="txtNetProfit" type="text" class="span6 m-wrap" name="netprofit"/>
								        
							                    </div>
						                    </div>
                                        </div>
                                    <div class="span6">
						                 <div class="control-group">
							                 <label class="control-label">Patrimonio total<span class="required">*</span></label>
							                 <div class="controls">
								                <input id="txtWorth" type="text" class="span6 m-wrap" name="worth"/>
							                 </div>
						                 </div>   
                                     </div>
                                   </div>
                                

                            </div>      
                              
  					        <div class="tab-pane" id="tab2">
						        <h3 class="form-section">Datos del representante</h3>
						        <div class="control-group">
							        <label class="control-label">Nombre<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 m-wrap" name="fullname"/>
								        
							        </div>
						        </div>
						        <div class="control-group">
							        <label class="control-label">Apellido paterno<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 m-wrap medium" name="phone"/>
                                        
							        </div>
						        </div>
                                <div class="control-group">
                                    <label class="control-label">Apellido materno<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 m-wrap medium" name="phone"/>
                                       
							        </div>
                                </div>
						        <div class="control-group">
							        <label class="control-label">DNI<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 m-wrap medium" name="fullname"/>
								        
							        </div>
						        </div>
                                <div class="control-group">
							        <label class="control-label">Teléfono<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 m-wrap medium" name="fullname"/>
								       
							        </div>
						        </div>
                                <div class="control-group">
							        <label class="control-label">Dirección<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 medium" name="fullname"/>
								        
							        </div>
						        </div>
                                <h3 class="form-section">Datos ejecutivos principales</h3>
						        <div class="control-group">
							        <label class="control-label">Cantidad de proveedores<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 m-wrap medium" name="fullname"/>
								        
							        </div>
						        </div>
                                <div class="control-group">
							        <label class="control-label">Producto<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 medium" name="fullname"/>
								        
							        </div>
						        </div>
                                <div class="control-group">
							        <label class="control-label">Nombre del proveedor<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 medium" name="fullname"/>
								        
							        </div>
						        </div>
                                <div class="control-group">
							        <label class="control-label">Compras anuales<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 medium" name="fullname"/>
								        
							        </div>
						        </div>
                                <div class="control-group">
							        <label class="control-label">Forma de pago<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 m-wrap" name="fullname"/>
								        
							        </div>
						        </div>
                            </div>
					        <div class="tab-pane" id="tab3">
						        <h3 class="form-section">Datos del directorio</h3>
						        <div class="control-group">
							        <label class="control-label">Cantidad de participantes del directorio<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 m-wrap medium" name="fullname"/>
								       
							        </div>
						        </div>
						        <div class="control-group">
							        <label class="control-label">Nombre<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 medium" name="phone"/>
                                        
							        </div>
						        </div>
							    <div class="control-group">
                                    <label class="control-label">Apellido paterno<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 m-wrap medium" name="phone"/>
                                       
							        </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">Apellido materno<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 m-wrap medium" name="phone"/>
                                        
							        </div>
                                </div>

							    <div class="control-group">
							        <label class="control-label">DNI<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 m-wrap medium" name="fullname"/>
								       
							        </div>
						        </div>
                                <div class="control-group">
							        <label class="control-label">Cargo<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 medium" name="fullname"/>
								        
							        </div>
						        </div>
                                <h3 class="form-section">Datos del proveedor</h3>
						        <div class="control-group">
							        <label class="control-label">Cantidad de proveedores<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 m-wrap medium" name="fullname"/>
								       
							        </div>
						        </div>
                                <div class="control-group">
							        <label class="control-label">Producto<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 medium" name="fullname"/>
								        
							        </div>
						        </div>
                                <div class="control-group">
							        <label class="control-label">Nombre del proveedor<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 medium" name="fullname"/>
								        
							        </div>
						        </div>
                                <div class="control-group">
							        <label class="control-label">Compras anuales<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 medium" name="fullname"/>
								       
							        </div>
						        </div>
                                <div class="control-group">
							        <label class="control-label">Forma de pago<span class="required">*</span></label>
							        <div class="controls">
								        <input type="text" class="span6 m-wrap" name="fullname"/>
								       
							        </div>
						        </div>
                            </div>
					        <div class="tab-pane" id="tab4">
						        <h3 class="form-section">Estados financieros</h3>
                                <div class="control-group">
									<label class="control-label">Balance general de los últimos 3 años</label>
									<div class="controls">
										<div class="fileupload fileupload-new" data-provides="fileupload">
											<div class="input-append">
												<div class="uneditable-input" style="height: 20px;">
													<i class="icon-file fileupload-exists"></i> 
													<span class="fileupload-preview"></span>
												</div>
												<span class="btn btn-file">
												<span class="fileupload-new">Examinar</span>
												<span class="fileupload-exists">Cambiar</span>
												<input type="file" class="default" />
												</span>
											</div>
										</div>
									</div>
								</div>
                                <div class="control-group">
									<label class="control-label">Estado de ganancias y pérdidas</label>
									<div class="controls">
										<div class="fileupload fileupload-new" data-provides="fileupload">
											<div class="input-append">
												<div class="uneditable-input " style="height: 20px;">
													<i class="icon-file fileupload-exists"></i> 
													<span class="fileupload-preview"></span>
												</div>
												<span class="btn btn-file">
												<span class="fileupload-new">Examinar</span>
												<span class="fileupload-exists">Cambiar</span>
												<input type="file" class="default" />
												</span>
											</div>
										</div>
									</div>
								</div>
                                <div class="control-group">
									<label class="control-label">Flujo de caja</label>
									<div class="controls">
										<div class="fileupload fileupload-new" data-provides="fileupload">
											<div class="input-append">
												<div class="uneditable-input" style="height: 20px;">
													<i class="icon-file fileupload-exists"></i> 
													<span class="fileupload-preview"></span>
												</div>
												<span class="btn btn-file">
												<span class="fileupload-new">Examinar</span>
												<span class="fileupload-exists">Cambiar</span>
												<input type="file" class="default" />
												</span>
											</div>
										</div>
									</div>
								</div>

                            </div>
                            <div class="tab-pane" id="tab5">
                                <h3 class="form-section">Carta de compromiso</h3>
                                <div class="control-group">
									<label class="control-label">Carta de compromiso firmada</label>
									<div class="controls">
										<div class="fileupload fileupload-new" data-provides="fileupload">
											<div class="input-append">
												<div class="uneditable-input" style="height: 20px;">
													<i class="icon-file fileupload-exists"></i> 
													<span class="fileupload-preview"></span>
												</div>
												<span class="btn btn-file">
												<span class="fileupload-new">Examinar</span>
												<span class="fileupload-exists">Cambiar</span>
												<input type="file" class="default" />
												</span>
											</div>
										</div>
									</div>
								</div>

                            </div>
				        </div>
				        <div class="form-actions clearfix">

					        <a id="btnEndStage1" class="btn green button-next">
					        Siguiente <i class="m-icon-swapright m-icon-white"></i>
					        </a>

				        </div>
			        </div>
		        
	        </div>
        </div>
    </div>
    <!-- BEGIN PAGE LEVEL PLUGINS -->
	
	<!-- END JAVASCRIPTS -->   
</body>



